<template>
  <div class="full-screen">
    <div class="about">
      <img :src="logo">
      <h3>{{name}}</h3>
      <p>{{desc}}</p>
    </div>
    <div class="copyright">
      <p>{{icp}}</p>
      <p>{{footer}}</p>
    </div>
    <footer class="fixed-footer">
      <input class="footer-fullW-bt" type="button" value="返回" @click="back">
    </footer>
  </div>
</template>
<script>
  export default {
    name: 'about',
    data () {
      return {
        title: '关于我们',
        logo: '',
        name: '爱尚丰 V1.0',
        desc: '',
        icp: '爱尚丰版权所有',
        footer: 'Copyright © 2017 All Rights Reserved.'
      }
    },
    methods: {
      back () {
        this.$router.go(-1)
      }
    },
    created () {
      this.setTitle(this.title)
      this.axios.post('/api/home/about', {
        user_id: this.$store.state.user_id,
        token: this.$store.state.token
      })
      .then((res) => {
        let data = res.data
        let desc = data.desc
        this.logo = desc.logo
        this.desc = desc.description
        this.icp = desc.icp
        this.footer = desc.footer
      })
    }
  }
</script>
<style lang="scss" scoped>
  @import '../../assets/css/function.scss';
  .full-screen{
    background: #fff;
  }
  .about{
    padding: rem(170) rem(60) 0;
    text-align: center;
    max-height: rem(900);
    overflow: auto;
    img{
      display: block;
      margin: 0 auto rem(20) auto;
      width: rem(120);
      height: rem(120);
    }
    h3{
      margin-bottom: rem(30);
      font-size: rem(30);
      color: #333;
    }
    p{
      font-size: rem(26);
      color: #666;
      line-height: 200%;
    }
  }
  .copyright{
    position: absolute;
    bottom: rem(250);
    left: 0;
    right: 0;
    font-size: rem(24);
    color: #999;
    text-align: center;
    p{
      margin-bottom: rem(20);
    }
  }
</style>
